@charset "utf-8";
@import '../../Sassproject/scss/model-beta';
@import '../../Sassproject/scss/color';
@import "theme";
//$themeColor: #B54009;
//$fontColor: #fff;
//$hoverColor: #eb7036;

.cart{
	width: 1100px;
	margin: 50px auto;
	padding: 50px;
	background-image: url('/images/alpha.png');
	.cartitem{
		width: 100%;
		margin: 10px 0;
		@include breakLine;
		img{
			width: 100px;
			height: 100px;
			margin-right: 20px;
			display: inline-block;
			vertical-align: top;
		}
		.text{
			display: inline-block;
			vertical-align: top;
			width: 500px;
			margin-right: 70px;
			line-height: 20px;
			.title{
				color: $black;
				width: 100%;
				@include Line(1);
				font-size: 16px;
				&:hover{
					color: $cyan;
				}
			}
			.intro{
				width: 100%;
				@include newLine;
				color: $grayLight;
				&:hover{
					color: $cyan;
				}
			}
		}	
		.num{
			display: inline-block;
			margin-right: 20px;
			vertical-align: top;
			width: 100px;
			input{
				text-indent: 5px;
				line-height: 1rem;
				max-width: 60px;
			}
		}
		.price{
			display: inline-block;
			vertical-align: top;
			width: 150px;
			margin-right: 20px;
			.price_num{
				color: $red;
			}
		}
		.method{
			display: inline-block;
			vertical-align: top;
			width: 120px;
			a{
				color: $black;
				&:hover{
					color: $red;
				}
			}
		}
	}
	.none{
		font-size: 25px;
		font-weight: lighter;
	}
}
.carttotal{
	width: 1100px;
	padding: 50px;
	text-align: center;
	margin: auto auto;
	background-image: url('/images/alpha.png');
	color: $black;
	span{
		display: inline-block;
		margin: 0 20px;
		a{
			font-size: 20px;
			color: $red;
			font-weight: lighter;
		}
	}
}